// 导出属于员工的路由规则
// 每个子模块 其实 都是外层是layout  组件位于layout的二级路由里面
import { RouteConfig } from 'vue-router'
const employeesRouter: RouteConfig = {
  path: '/employees', // 路径
  component: () => import('@/layout/index.vue'), // 组件
  // 配置二级路的路由表
  children: [
    {
      name: 'employees', // 给路由规则加一个name
      path: '', // 这里当二级路由的path什么都不写的时候 表示该路由为当前二级路由的默认路由
      component: () => import('@/views/employees/index.vue'),
      // 路由元信息  其实就是存储数据的对象 我们可以在这里放置一些信息
      meta: {
        title: 'employees', // meta属性的里面的属性 随意定义 但是这里为什么要用title呢， 因为左侧导航会读取我们的路由里的meta里面的title作为显示菜单名称
        icon: 'people'
      }
    },
    {
      name: 'employeesDetail', // 给路由规则加一个name
      path: 'detail/:id', // 这里当二级路由的path什么都不写的时候 表示该路由为当前二级路由的默认路由
      component: () => import('@/views/employees/detail.vue'),
      // 路由元信息  其实就是存储数据的对象 我们可以在这里放置一些信息
      meta: {
        title: 'employees-detail', // meta属性的里面的属性 随意定义 但是这里为什么要用title呢， 因为左侧导航会读取我们的路由里的meta里面的title作为显示菜单名称
        hidden: true
      }
    },
    {
      name: 'employeesPrint',
      path: 'print/:id', // 二级默认路由
      component: () => import('@/views/employees/print.vue'), // 按需加载
      meta: {
        hidden: true,
        title: 'print', // 标记当前路由规则的中文名称 后续在做左侧菜单时 使用
        icon: 'people'
      }
    }
    // ,
    // {
    //   path: 'detail/:id', // query传参 动态路由传参
    //   component: () => import('@/views/employees/detail.vue'),
    //   hidden: true, // 不在左侧菜单显示
    //   meta: {
    //     title: '员工详情' // 标记当前路由规则的中文名称 后续在做左侧菜单时 使用
    //   }
    // }
  ]
}
export default employeesRouter
// 当你的访问地址 是 /employees的时候 layout组件会显示 此时 你的二级路由的默认组件  也会显示
